<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置浏览器地址栏的URL</title>
</head>
<body>
    <script type="text/javascript">
        function goBaidu() {
            // 方法1: 直接跳转
            // window.open("http://www.baidu.com");
            // 方法2: 通过改变当前页面的地址栏对象的内容
            // 获取地址栏对象
            var locationObj = window.location;
            // 改变地址内容字符串
            locationObj.href = "http://www.baidu.com";

            // 下面的方法一步到位
            // window.location.href = "http://www.baidu.com";

            // 省略 href 也行, 但是代码可读性会变差
            // window.location = "http://www.baidu.com";

            // 也行
            // document.location = "http://www.baidu.com";

        }
    </script>

    点击按钮跳转到百度
    <input type="button" value="百度" onclick="goBaidu()">
</body>
</html>

<!--浏览器向服务器发送请求-->
<!--    1. 表单-->
<!--    2. 超链接-->
<!--    3. 修改 window 或者 document 的 location 属性-->
<!--    4. window.open("URL")-->
<!--    5. 地址栏输入 URL , 回车-->

<!--上面的方式都可以向服务器提交请求, 但是只有表单是动态的-->
